import { Component, OnInit } from '@angular/core';
import ScrollOut from "scroll-out";

@Component({
  selector: 'app-web-develop-inertiad',
  templateUrl: './web-develop-inertiad.component.html',
  styleUrls: ['./web-develop-inertiad.component.styl']
})
export class WebDevelopInertiadComponent implements OnInit {
  title: string = 'web开发';
  data: any = [
    {
      img: 'webDevelop.jpg',
      subheading: '',
      heading: '简介.',
      content: [
        '最早的软件都是运行在大型机上的，软件使用者通过“哑终端”登陆到大型机上去运行软件。后来随着PC机的兴起，软件开始主要运行在桌面上，而数据库这样的软件运行在服务器端，这种Client/Server模式简称CS架构。',
      '随着互联网的兴起，人们发现，CS架构不适合Web，最大的原因是Web应用程序的修改和升级非常迅速，而CS架构需要每个客户端逐个升级桌面App，因此，Browser/Server模式开始流行，简称BS架构。',
      '在BS架构下，客户端只需要浏览器，应用程序的逻辑和数据都存储在服务器端。浏览器只需要请求服务器，获取Web页面，并把Web页面展示给用户即可。',
    ]
    },
    {
      img: 'webDevelop1.jpg',
      subheading: 'Web应用开发可以说是目前软件开发中最重要的部分',
      heading: 'Web开发也经历了好几个阶段：',
      content: [
        'CGI：由于静态Web页面无法与用户交互，比如用户填写了一个注册表单，静态Web页面就无法处理。要处理用户发送的动态数据，出现了Common Gateway Interface，简称CGI，用C/C++编写。',
        'ASP/JSP/PHP：由于Web应用特点是修改频繁，用C/C++这样的低级语言非常不适合Web开发，而脚本语言由于开发效率高，与HTML结合紧密，因此，迅速取代了CGI模式。ASP是微软推出的用VBScript脚本编程的Web开发技术，而JSP用Java来编写脚本，PHP本身则是开源的脚本语言。',
        'MVC：为了解决直接用脚本语言嵌入HTML导致的可维护性差的问题，Web应用也引入了Model-View-Controller的模式，来简化Web开发。ASP发展为ASP.Net，JSP和PHP也有一大堆MVC框架。'
      ]
    }
  ]
  constructor() { }

  ngOnInit() {

  }
  ngAfterViewInit(): void {
    ScrollOut({
      cssProps: {
        visibleY: true,
        viewportY: true
      }
    });
  }

}
